<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>04_JS流程控制</title>
</head>
<body>
<script>
  //1、顺序结构
  console.log('1');
  console.log('2');
  console.log('3');

  //2、分支结构
  let uname = '';
  if(!uname) {
    // alert('请先登录');
  } else {
    // alert('欢迎您：' + uname);
  }

  //3、选择分支
  let gender = 1;
  switch (gender) {
    case 1:
      alert('男');
      break;
    case 2:
      alert('女');
      break;
    default:
      alert('未知');
  }

  //4、循环结构
  //for循环
  let names = ['张三','李四','王五'];
  // for(let i = 0; i < names.length; i++) {
  for(var i = 0; i < names.length; i++) {
    console.log(names[i]);
  }
  console.log("循环结束")
  console.log(i);//如果循环变量使用var声明，则循环结束后，i依旧存在
  //但是如果使用let声明循环变量，则循环结束后，i不存在，会报错
  //增强for循环
  for(let name of names) {
    console.log(name);
  }
</script>
</body>
</html>
